@tailwind base;
@tailwind components;
@tailwind utilities;

* {  
    margin: 0;  
    padding: 0;  
    box-sizing: border-box;  
}  

html,
body {  
    font-family: 'Roboto', sans-serif; /* 选择无衬线字体 */  
    font-size: 18px; /* 主体文本大小 */  
    line-height: 1; /* 行间距 */  
    color: #333; /* 字体颜色 */  
    height: 100%;  
    background-color: #f6f6f6;  /* 全局背景 */  
} 
.tab-bar {  
    width: 100%;
    height: 50px;
    background-color: antiquewhite;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 16px;
    color:#646464;
    --rv-tabbar-item-icon-margin-bottom:20px;
    --rv-tabbar-item-line-height:20px;

}  


.tab-bar a {  
    text-decoration: none;  
    color: #0070f3;  
    font-weight: bold;  
}   

/* 页面当中白色背景 */  
.container {  
    max-width: 370px;  
    margin: 10px auto;  
    padding: 10px 20px;  
    background-color: #fff;
    border-radius: 10px;
}  

h1 {  
    font-size: 24px; /* 标题大小 */  
    font-weight: bold; /* 加粗 */  
}  
/* 首页代办、跟单、未完成、客户、生日 */
span{
    font-size: 16px;
    color: #333;
}
h2{
    font-size: 16px;
    font-weight: bolder;
    color: black;
}
h3{
    font-size: 15px;
    font-weight: 100;
    color: black;
}
.num{
    font-size: 20px;
    font-weight: bold;
    color: #646464;
}
/* icon 标准背景色  #4b97ee   大小48     20px---今日工作、公司动态*/
.icon{
    width:30px;
    height: 30px;
}
.icon_title{
    width:20px;
    height: 20px;
}
.swiper{
    width:350px;
    height: 200px;
}
.font_echarts{
    font-size: 12px;
    color: #ccc;
}
.icon_crm{
    width:32px;
    height: 32px;
}
.font_crm{
    font-size: 12px;
    color: black;
}
.my_img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: aqua;
}
/* 定位+按钮 */
.btn_fixed{
    width:32px;
    height: 32px;
    background-color: #4b97ee;
    color: white;
    border-radius: 50%;
    text-align: center;
    align-items: center;
    font-size: 30px;
    line-height: 32px;
}

.button {  
    font-size: 16px;  
    font-weight: 500; /* 半粗体 */  
} 

/* 重置样式 */  


/* 默认链接样式 */  
a {  
    text-decoration: none;  
    color: #0070f3; /* 默认链接颜色 */
}  

a:hover {  
    text-decoration: underline; /* 悬停时的样式 */  
}  


/* 主要内容样式 */  
.main {  
    padding: 40px 0;  
}  

/* 页面统一样式 */  
.page {  
    background: white;  
    border-radius: 8px;  
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);  
    padding: 20px;  
}  

